<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滨航集团</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<script src="public/js/vue.js"></script>
<script src="public/js/axios.js"></script>

<!-- 引入样式 -->
<!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
<link rel="stylesheet" href="public/css/element.css">
<!-- 引入组件库 -->
<!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
<script src="public/js/element.js"></script>


<link rel="stylesheet" href="public/css/swiper-bundle.css">
<script src="public/js/swiper-bundle.js"></script>

<link rel="stylesheet" href="public/css/index.css">
<script>
    // 使用正则表达式检测用户代理字符串来判断是否是手机设备
    var isMobile = /iPhone|iPad|iPod|Android|webOS|BlackBerry|Windows Phone/i.test(navigator.userAgent);

    // 如果是手机设备，执行重定向
    if (isMobile) {
        window.location.href = "/bhwapv2";
    }
</script>
<body style="margin: 0px">


<!--顶部导航-->

<div class="Nav">
    <div class="nav-content">
        <img  loading='lazy' class="tit_img" id="myImage" src="public/images/title.png"/>
        <a style="margin-left: 33px" class="link_a " href="index.html">滨航集团</a>
        <a class="link_a" href="Business.html">业务体系</a>
        <a class="link_a" href="Customer.html">客户案例</a>
        <a class="link_a" href="Service.html">服务中心</a>
        <a class="link_a" href="Ecological.html">生态联盟</a>
        <a class="link_a link_adq" href="About.html">关于滨航</a>
        <img  loading='lazy' class="tit_img_2" src="public/images/phone.png"/>
        <span class="link_span">022-58238822</span>
        <a class="link_but" href="https://bhmhtest.lianghang.cc" target="_blank">免费体验</a>
    </div>
</div>

<!-- 头图-->


<div class="swiper mySwiper">
    <div class="swiper-wrapper">
        <!--        循环层-->
        <div class="swiper-slide">
            <div class="image-container">
                <img  loading='lazy' style="max-width: 100%;height: auto;width: 100%" src="public/images/banner_6.png">
                <div class="centered-text">
                    <div>关于我们</div>
                    <div>智汇滨航、智惠未来</div>
                </div>
            </div>
        </div>

    </div>
    <div class="swiper-pagination"></div>
</div>


<div id="app">

    <div class="body-h">

        <!--公司简介-->
        <div class="gsjj" id="social-responsibility_1" style="margin-top: -4px">
            <div class="public_title">
                <div>公司简介</div>
                <div>Company</div>
            </div>

        <div class="gsjj-cont">

            <div>
                <div class="gsjj-title">滨航企业管理(天津)集团有限公司</div>
                <div class="gsjj-tco" style="margin-top: 24px">滨航集团创立于2009年，是以服务和创新为核心的智慧园区全产业链服务商。公司依托十余年的经验积累和技术沉淀，围绕智慧园区规划建设、招商运营、企业服务、数智赋能、联盟运营五大领域提供全产业链服务体系，帮助企业数字化转型、园区智慧升级，实现区域创新发展，共创产业高地。
                </div>
                <div class="gsjj-tco" style="margin-top: 24px">滨航集团立足天津、服务天津，现已建成涵盖东丽、河东、滨海新区三大区域的五大载体中心，积累了雄厚的产业资源和项目服务经验，累计服务企业超3万家。</div>
                <div class="gsjj-buy" style="margin-top: 41px">
                    <div>
                        <div>30000+</div>
                        <div>服务企业数量</div>
                        <div></div>
                    </div>
                    <div style="margin-left: 40px">
                        <div>200+</div>
                        <div>服务种类</div>
                        <div></div>
                    </div>

                </div>
            </div>
            <div style="width: 601px;height: 520px;margin-left: 113px"><img loading='lazy' src="public/about/jj.png" /></div>

        </div>

        </div>


<!--        创业历程-->
        <div class="cylc" style="margin-bottom: 80px" id="social-responsibility_2">
            <div class="public_title">
                <div>创业历程</div>
                <div>Course</div>
            </div>

            <div class="cylc-gd" >

                <!-- Swiper -->
                <div class="swiper-container ztgd">

                    <div class="swiper-wrapper">


                        <div class="swiper-slide lc_w">
                            <div class="lcgd-tiao">
                                <div>
                                    <div>
                                        <div>2009</div>
                                        <div><div></div></div>
                                    </div>
                                    <div></div>
                                </div>
                                <div></div>
                            </div>

                            <div class="lcgd-nei">
                                <div>创业启程</div>
                                <div>滨海伟鹏财务公司正式注册成立，以昂扬斗志迈开创业步伐。</div>
                            </div>
                        </div>

                        <div class="swiper-slide lc_w">
                            <div class="lcgd-tiao">
                                <div>
                                    <div>
                                        <div>2014</div>
                                        <div><div></div></div>
                                    </div>
                                    <div></div>
                                </div>
                                <div></div>
                            </div>

                            <div class="lcgd-nei">
                                <div>雏鹰孵化</div>
                                <div>在东丽航空商务区成立孵化器，全力打造国内最专业的组合式创业服务平台。</div>
                            </div>
                        </div>

                        <div class="swiper-slide lc_w">
                            <div class="lcgd-tiao">
                                <div>
                                    <div>
                                        <div>2019</div>
                                        <div><div></div></div>
                                    </div>
                                    <div></div>
                                </div>
                                <div></div>
                            </div>

                            <div class="lcgd-nei">
                                <div>腾云计划</div>
                                <div>参与国企改制，与猪八戒网合作，打造天津首家合作示范园“滨航腾云创意园”，进一步拓展企服业务。</div>
                            </div>
                        </div>

                        <div class="swiper-slide lc_w">
                            <div class="lcgd-tiao">
                                <div>
                                    <div>
                                        <div>2020</div>
                                        <div><div></div></div>
                                    </div>
                                    <div></div>
                                </div>
                                <div></div>
                            </div>

                            <div class="lcgd-nei">
                                <div>产业共创</div>
                                <div>与多方合作，参与天津市航空航天人才创新创业联盟成立发起并负责运营。</div>
                            </div>
                        </div>

                        <div class="swiper-slide lc_w">
                            <div class="lcgd-tiao">
                                <div>
                                    <div>
                                        <div>2021</div>
                                        <div><div></div></div>
                                    </div>
                                    <div></div>
                                </div>
                                <div></div>
                            </div>

                            <div class="lcgd-nei">
                                <div>行业创新</div>
                                <div>全面推动数字化升级，打造河东技术创新中心。</div>
                            </div>
                        </div>

                        <div class="swiper-slide lc_w">
                            <div class="lcgd-tiao">
                                <div>
                                    <div>
                                        <div>2022</div>
                                        <div><div></div></div>
                                    </div>
                                    <div></div>
                                </div>
                                <div></div>
                            </div>

                            <div class="lcgd-nei">
                                <div>乡村振兴</div>
                                <div>滨航集团着力推进数智乡村建设，打造茶淀数智乡村创新创业示范基地。</div>
                            </div>
                        </div>

                        <div class="swiper-slide lc_w" >
                            <div class="lcgd-tiao">
                                <div>
                                    <div>
                                        <div>2023</div>
                                        <div><div></div></div>
                                    </div>
                                    <div></div>
                                </div>
                                <div></div>
                            </div>

                            <div class="lcgd-nei">
                                <div>数智进程</div>
                                <div>智慧园区全链条产业服务团队入驻动力经开区“国际医疗器械产业园”。</div>
                            </div>
                        </div>

                        <div class="swiper-slide lc_w_2" >

                        </div>


                    </div>

                </div>

            </div>

        </div>


<!--        社会责任-->
        <div class="shzr" id="social-responsibility_3">
            <div class="public_title">
                <div>社会责任</div>
                <div>Responsibility</div>
            </div>

            <div class="gdlm-cont" style="margin-bottom: 80px">
                <div >
                    <img loading='lazy' v-if="qtval===0" src="public/about/sh_d_1.png" />
                    <img loading='lazy' v-if="qtval===1" src="public/about/sh_d_2.png" />
                    <img loading='lazy' v-if="qtval===2" src="public/about/sh_d_3.png" />
                    <img  loading='lazy' v-if="qtval===3" src="public/about/sh_d_4.png" />
                    <img  loading='lazy' v-if="qtval===4" src="public/about/sh_d_5.png" />
                </div>
                <div class="gdzs" style="position: relative">
                    <div>{{All[qtval].title}}</div>
                    <div class="gdhx"></div>
                    <div class="gd-cont">{{All[qtval].content}}
                    </div>
                    <div class="image-lunbo-w" >

                        <div class="ddzz-img" @click="qt(0)">
                            <img loading='lazy' :style="{'border':qtval===0?'2px solid #2C51A2':''}" class="ddzz" src="public/about/sh_1.png" />
                            <div class="image-overlay" :style="{'opacity':qtval===0?'0':'1'}">
                            </div>
                        </div>

                        <div class="ddzz-img" @click="qt(1)">
                            <img loading='lazy' :style="{'border':qtval===1?'2px solid #2C51A2':''}"  class="ddzz" src="public/about/sh_2.png" />
                            <div class="image-overlay" :style="{'opacity':qtval===1?'0':'1'}">

                            </div>
                        </div>

                        <div class="ddzz-img" @click="qt(2)">
                            <img loading='lazy' :style="{'border':qtval===2?'2px solid #2C51A2':''}" class="ddzz" src="public/about/sh_3.png" />
                            <div class="image-overlay" :style="{'opacity':qtval===2?'0':'1'}">
                            </div>
                        </div>

                        <div class="ddzz-img" @click="qt(3)">
                            <img loading='lazy' :style="{'border':qtval===3?'2px solid #2C51A2':''}" class="ddzz" src="public/about/sh_4.png" />
                            <div class="image-overlay" :style="{'opacity':qtval===3?'0':'1'}">
                            </div>
                        </div>

                        <div class="ddzz-img" @click="qt(4)">
                            <img loading='lazy' :style="{'border':qtval===4?'2px solid #2C51A2':''}" class="ddzz" src="public/about/sh_5.png" />
                            <div class="image-overlay" :style="{'opacity':qtval===4?'0':'1'}">
                            </div>
                        </div>


                    </div>
<!--                    <div @click="newShowClick(0)" class="new-pf-left" style="left: -24px;bottom: 5px">-->
<!--                        <img src="public/images/left.png">-->
<!--                    </div>-->
<!--                    <div @click="newShowClick(1)" class="new-pf-left" style="right: -24px;bottom: 5px;">-->
<!--                        <img src="public/images/right.png">-->
<!--                    </div>-->

                </div>
            </div>

        </div>

<!--        荣誉资质-->

        <div class="zzry" id="social-responsibility_4">
            <div class="public_title">
                <div>荣誉资质</div>
                <div>Honor</div>
            </div>

            <div class="zzry-cont">
                <div class="swiper-container mu">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide zzry-zr-1">
                            <div class="zzry-zr">
                                <img  loading='lazy' src="public/about/zr_1.png" />
                                <div>科技工作者之家</div>
                            </div>
                        </div>
                        <div class="swiper-slide zzry-zr-1">
                            <div class="zzry-zr ">
                                <img  loading='lazy' src="public/about/zr_2.png" />
                                <div>市级大学生创业创新孵化基地</div>
                            </div>
                        </div>
                        <div class="swiper-slide zzry-zr-1">
                            <div class="zzry-zr ">
                                <img loading='lazy' src="public/about/zr_3.png" />
                                <div>天津数字服务示范企业</div>
                            </div>
                        </div>
                        <div class="swiper-slide zzry-zr-1">
                            <div loading='lazy' class="zzry-zr ">
                                <img  loading='lazy' src="public/about/zr_4.png" />
                                <div>国家级高新技术企业</div>
                            </div>
                        </div>
                        <div class="swiper-slide zzry-zr-1">
                            <div class="zzry-zr ">
                                <img loading='lazy' src="public/about/zr_5.png" />
                                <div>天津市市级众创空间</div>
                            </div>
                        </div>
                        <div class="swiper-slide zzry-zr-1">
                            <div class="zzry-zr ">
                                <img loading='lazy' src="public/about/zr_6.png" />
                                <div>天津市瞪羚企业</div>
                            </div>
                        </div>
                        <div class="swiper-slide zzry-zr-1">
                            <div class="zzry-zr ">
                                <img loading='lazy' src="public/about/zr_7.png" />
                                <div>天津市创业实践基地</div>
                            </div>
                        </div>
                        <div class="swiper-slide zzry-zr-1">
                            <div class="zzry-zr ">
                                <img loading='lazy' src="public/about/zr_8.png" />
                                <div>天津市中小企业公共服务平台</div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>

        </div>





<!--        footer-from-->
        <div class="footer-from" style="margin-top: 80px">
                <div class="footer-from-title">请专业顾问为您解答或演示</div>
                <div class="footer-from-title-fu">留下姓名和联系方式, 会有专业工作人员免费为您服务</div>
                <div class="footer-from-content" style="margin-top: 58px">
                    <div class="footer-from-name"><div>姓名:</div> <input v-model="footForm.name" style="width: 120px;color: rgba(255,255,255,0.8);" /></div>
                    <div class="footer-from-phone" style="margin-left: 12px;margin-right: 16px"><div>联系方式:</div> <input v-model="footForm.phome" style="width: 220px;color: rgba(255,255,255,0.8);" /></div>
                    <div class="footer-from-but" @click="FootFn">立即咨询</div>
                </div>
        </div>

        <!--        footer-->
        <div class="footer">
            <div class="footer-cont">
                <div class="footer-cont-top">
                    <div class="footer-cont-cp">
                        <div class="footer-title" style="margin-bottom: 12px">服务与产品</div>
                        <div class="footer-cont-x-title">
                            <a href="Business.html#scope-gsfw">工商服务</a>
                            <a href="Business.html#ft=1">数字展陈</a>
                            <a href="Business.html#scope-zscq">知识产权</a>
                            <a href="Business.html#ft=2">平台开发</a>
                            <a href="Business.html#scope-zzrz">资质认证</a>
                            <a href="Business.html#ft=3">园区运营</a>
                            <a href="Business.html#ft=6">税务服务</a>
                            <a href="Business.html#ft=4">人才服务</a>
                            <a href="Business.html#ft=7">会计服务</a>
                            <a href="Business.html#ft=5">联盟运营</a>
                        </div>
                    </div>

                    <div class="footer-cont-gy">
                        <div class="footer-title" style="margin-bottom: 12px">关于滨航</div>
                        <div class="footer-cont-gy-title">
                            <a href="About.html#social-responsibility_1">企业简介</a>
                            <a href="About.html#social-responsibility_2">创业历程</a>
                            <a href="About.html#social-responsibility_3">社会责任</a>
                            <a href="About.html#social-responsibility_4">荣誉资质</a>
                        </div>
                    </div>

                    <div class="footer-cont-lx">
                        <div class="footer-title" style="margin-bottom: 12px">联系我们</div>
                        <div class="footer-cont-lx-c">
                            <div>市场部: 022-58238822</div>
                            <div>总部地址: 天津市东丽区外环东路3699号滨航腾云创意园</div>
                        </div>
                    </div>

                    <div style="margin-left: 272px">
                        <img loading='lazy' src="public/images/bhjt.png" />
                    </div>
                </div>
                <div class="footer-hx"></div>
                <div class="footer-cont-dow">
                    <div>
                        <div>隐私条款</div>
                        <div>服务条款</div>
                    </div>
                    <div>
                        <div>滨航企业管理(天津)集团有限公司</div>
                        <div>津ICP备19009508号-1</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<script>

    // 获取图片元素
    var image = document.getElementById("myImage");

    // 添加点击事件监听器
    image.addEventListener("click", function() {
        // 导航到首页的URL，你需要将此URL替换为你的实际首页URL
        window.location.href = "index.html";
    });

    var swiper = new Swiper(".mySwiper", {
        // loop: true,
        // autoplay: {
        //     delay: 3000,
        //     disableOnInteraction: false,
        // },
        pagination: {
            el: ".swiper-pagination",
        },
    });

    // 在DOM加载完成后执行
    document.addEventListener('DOMContentLoaded', function() {
        // 获取图片元素
        var titleImage = document.querySelector('.tit_img');
        var titleImage_1 = document.querySelector('.tit_img_2');

        // 创建新的Image对象并设置图像的src属性以提前加载
        var preloadedImage = new Image();
        preloadedImage.src = 'public/images/title_1.png';

        var preloadedImage1 = new Image();
        preloadedImage1.src = 'public/images/phone_1.png';

        // 添加滚动事件监听器
        window.addEventListener('scroll', function () {
            var navElement = document.querySelector('.Nav');
            var navContentElement = document.querySelector('.nav-content');

            if (window.scrollY > 0) {
                navElement.classList.add('scrolled');
                navContentElement.classList.add('scrolled-content');

                // 更改图片链接为已预加载的图像
                if (titleImage) {
                    titleImage.src = preloadedImage.src;
                }

                if (titleImage_1) {
                    titleImage_1.src = preloadedImage1.src;
                }
            } else {
                navElement.classList.remove('scrolled');
                navContentElement.classList.remove('scrolled-content');

                // 恢复图片链接为默认图像
                if (titleImage) {
                    titleImage.src = 'public/images/title.png';
                }
                if (titleImage_1) {
                    titleImage_1.src = 'public/images/phone.png';
                }
            }
        });
    });


    var vm = new Vue({
        el: '#app',
        data: {
            jsfuIsShow:0,
            jsfuList:['数字展列','平台开发'],
            xfIsShow:0,
            xfList:['企业服务','财税服务','金融服务','技术服务','园区运营','人才服务','联盟运营'],
            footForm:{
                name:'',
                phome:''
            },
            qtval:1,
            All:[
                {title:'人才孵化',content:'市科协副主席卢双盈、市科协学会部部长朱大为、区科协主席曹砚海、天津科技馆赵为等一行人来到滨航腾云创意园参观。领导对滨航腾云创意园联合猪八戒网、进行数字化高级人才孵化表示了高度的认可和赞许。园区也将继续发挥孵化与引导作用，通过技术引进、进一步推动科技技术研发、高端人才培育。'},
                {title:'科技工作者之家',content:'市、区领导来到滨航腾云创意园调研全域科普工作并对滨航腾云创意园内科技企业的创新研发表示高度认可和赞许，园区始终发挥孵化与引导作用，积极组织“科技工作者之家”的相关工作，让科技工作者们更好的投身科技创新工作，提升科技创新能力，使科技创新成果转化更加丰硕。'},
                {title:'交友联谊',content:'东丽区妇联落实“注重家庭、注重家教、注重家 风”的工作要求，以弘扬文明新风、倡导新时代新风尚为宗旨，鼓励单身男女追求幸福，追求美好生活的精神风貌为目的，联合滨航集团、中国市政华北院数字科技研究所于7月31日在滨航腾云创意园举办了“往后余生 · 有你相伴”专场相亲联谊活动。'},
                {title:'扶贫助困，大爱无疆',content:'东丽区委统一战线庆祝中国共产党成立98周年、迎接新中国成立70周年、东西部扶贫协作及京津冀协同发展艺术交流书画作品展。 展览征集了京津冀地区和东丽区对口帮扶的甘肃省临潭县、甘谷县、皋兰县、河北省承德县等地的书画艺术家和书画艺术爱好者的作品共计500余幅。整场义拍共拍卖119件拍品。'},
              {title:'爱心助学, 共育未来',content:'滨航集团始终认为教育是改变一个人命运的重要途径，也是国家和社会发展的基石。集团积极参加河东区统一战线陇上行-同心助学项目，参与捐赠了小学。滨航集团希望通过此次捐赠的行动，援建东西部协作，唤起更多人关注贫困地区儿童教育事业。'}
            ],
            apiurl : 'https://xcglapi.tjbinhang.cn',
            newShow:0
        },
        created() {

        },
        methods: {
            Jsfw(id){
                this.jsfuIsShow = id
            },
            xfdj(id){
                this.xfIsShow = id
            },
            FootFn(){
                if (this.footForm.name.trim() && this.footForm.phome.trim()){
                    axios.post(this.apiurl+'/api/v1/website/create',{phone:this.footForm.phome.trim(),username:this.footForm.name.trim()}).then(res=>{
                        if (res.data.code === 200){
                            this.$message({
                                showClose: true,
                                message: '提交成功',
                                type: 'success',
                            });
                        }else{
                            this.$message({
                                showClose: true,
                                message: res.data.msg,
                                type: 'error',
                            });
                        }
                    })
                }else{
                    this.$message({
                        showClose: true,
                        message: '请填写用户名或手机号',
                        type: 'error',
                    });
                }
            },
            qt(val){
                this.qtval = val
            },
            newShowClick(val){
                this.newShow = val
              if (val === 0){
                this.qtval = 3
              }else{
                this.qtval = 4
              }


            }
        },
        mounted(){
            // 初始化Swiper
            new Swiper('.mu', {
                loop: true,
                speed: 2500,
                slidesPerView: 8,
                spaceBetween: 30,
                centeredSlides : true,
                watchSlidesProgress : true,
                autoplay: {
                    delay: 100,
                    disableOnInteraction: false,
                },

            });

            new Swiper('.ztgd', {
                loop: true,
                speed: 2500,
                slidesPerView: 8,
                spaceBetween: 1,
                centeredSlides : true,
                watchSlidesProgress : true,
                autoplay: {
                    delay: 100,
                    disableOnInteraction: false,
                },


            });

        }
    })
</script>

</body>
</html>
